﻿.CardTable
{
    width: 400px;
    height: 200px;
    line-height: 150%;
    border: 1px solid red;
    float: left;
}
.CardInnerTable
{
    width: 150px;
    height: 200px;
}
.LeftText
{
    text-align: left;
    vertical-align: top;
    line-height: 150%; 
}
.DesHidden
{
    display:none;
}
.DesHiddenText
{
    padding:24px 12px 12px 12px;
    line-height:150%;
}

body {padding:0;margin:0;font-size:12px;font-family:"Tahoma";color:#333;}
* {padding:0;margin:0;}
a {color:#666;text-decoration:none;}
a:hover {color:#333;text-decoration:underline;}
img {border:none;display:block;}
ul,ol {list-style:none;}
table {border-collapse: collapse;}

/*wrapper*/
#wrapper {
	width:992px;
	background:url(images/bg_wrapper.jpg) repeat-y left top;
	padding:0;
	margin:32px auto 36px;
}
.slider, .control-number {
	background:url(images/slider.jpg) no-repeat left top;
}
.search, .v-search, .photo-content li .photo, .slider li.active a {
	background:url(images/search.jpg) no-repeat left top;
}
/*header*/
#header {
	width:936px;
	background:url(images/bg_header.jpg) no-repeat left top;
	padding:28px 28px 0;
}
.logo {
	float:left;
}
.search {
	float:right;
	width:198px;
	height:26px;
	margin:30px 0 0;
}
.search .s-input {
	background:none;
	border:none;
	width:150px;
	height:16px;
	margin:4px 0 0 8px;
	color:#666;
	float:left;
}
.search .s-btn {
	margin:4px 0 0 15px;
}
.banner {
	clear:both;
	padding:10px 0;
}
/*container*/
#container {	
	width:936px;
	margin:0 auto;
}

/*slider*/
.slider {
	height:46px;
}
.slider ul {
	padding:17px 0 0 48px;
}
.slider li {
	float:left;
	font-size:14px;
	height:26px;
	line-height:26px;
}
.slider li a {
	display:block;
	padding:0 20px 0 10px;
}
.slider li.active a {
	font-weight:bold;
	color:#0CF;
	background-position:right 0;
}
.slider li a {
	text-decoration:none;
	color:#333;
}
#content {
  width:840px;
  margin:0 auto;
}
.v-search {
  width:480px;
  height:33px;
  margin:25px 0;
  background-position:0 -30px;
}
.v-search input {
  width:436px;
  height:16px;
  margin:8px 0 0 30px;
  border:none;
  background:none;
  color:#666;
}
.photo-content div.singleContent {
  float:left;
  width:132px;
  margin:0px 0px 33px 0px;
  border-bottom:1px solid #e8e8e8;
  padding:0px 0px 33px 0px;
}
.photo-content div.last {
  margin:0;
}
.photo-content div.photo {
  width:100px;
  height:100px;
  background-position:0 -70px;
  position:relative;
}
.photo-content div.info {
  text-align:center;
  margin-top:1px;
  width:90px; 
  height: 65px; 
  color: #515151; 
  font-family: Microsoft YaHei; 
  font-size: 11px; 
  border-style:solid;
  border-width:1px;
  border-color:#d1d1d1;
  background-color:#f7f7f7;
  padding-top:7px;
  padding-left:8px;
  text-align:left;
}
.photo-content div.info span {
  font-weight:bold;
  color:#F00;
}
.photo-content div.button {
  text-align:center;
  margin-top:5px;
  width:101px;
  height:23px;
}

.control-number {
	clear:both;
	text-align:center;
	background-position:0 -45px;
	padding:25px 0;
}
.control-number a {
	padding:0 10px;
	text-decoration:none;
}
.control-number a.active {
	color:#0CF;
	font-weight:bold;
}
/*footer*/
#footer {
	clear:both;
	width:992px;
	background:url(images/bg_footer.jpg) no-repeat left bottom;
	height:90px;
}
#footer p {
	float:left;
	padding:20px 0 0 28px;
	color:#666;
	font-size:14px;
}
#footer img {
	float:right;
	margin:0 28px 0 0;
}